<template>
  <div class="dom">
      <p>
        <van-dropdown-menu  active-color="black"  class="ningning">
           <van-dropdown-item v-model="value1" :options="option1" />
        </van-dropdown-menu>
      </p>
      <p>新品</p>
      <p>价格</p>
      <p>销量</p>
      <p>筛选</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value1: 0,
      option1: [
        { text: '综合', value: 0 },
        { text: '综合排序', value: 1 },
        { text: '好评优先', value: 2 },
      ]
     
    };
  },
}
</script>

<style scoped>
.dom{
  display: flex;
  width: 100%;
  height: 0.50rem;
  justify-content: space-around;
  align-items: center;
}
/* .ningning{
  background:red;

} */





</style>